<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no" />
		<link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp.css${data:buildversion}" />
		<link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp-search.css${data:buildversion}" />
		<link rel="stylesheet" type="text/css" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
		<link rel="stylesheet" type="text/css" href="${data:dependencies.vreport}/css/vreport.css${data:buildversion}">
		<title></title>
	</head>
	<body class="cmp-fullscreen">
		<div class="vreport-content">
			<div class="vreport-header">
				<div class="cmp-segmented_title_content">
					<form action="#" onsubmit="return false;">
						<div class="cmp-content-title-search">
							<div class="cmp-input-row cmp-search">
								<input type="search" class="cmp-input-clear" disabled="disabled">
								<span class="cmp-placeholder">
									<span class="cmp-icon cmp-icon-search"></span>
									<span class="search-placeholder"></span>
								</span>
							</div>
						</div>
					</form>
				</div>
			</div>
			
			<div class="vreport-menu">
				<div class="vreport-menu-item" id="vreport-list-attend">
					<div class="menu-icon gradient-color1">
						<div class="menu-icon-left">
							<span class="cmp-icon see-icon-v5-common-reportform-follow"></span>
						</div>
						<div class="menu-icon-right">
							<div class="vreport-num vreport-num-attend">-</div>
							<div class="menu-title"><i18n key="vreport.page.label.followList"></i18n></div>
						</div>
					</div>
				</div>
				<div class="vreport-menu-item" id="vreport-list-space">
					<div class="menu-icon gradient-color2">
						<div class="menu-icon-left">
							<span class="cmp-icon see-icon-v5-common-reportportal"></span>
						</div>
						<div class="menu-icon-right">
							<div class="vreport-num vreport-num-space">-</div>
							<div class="menu-title"><i18n key="vreport.page.label.reportSpace"></i18n></div>
						</div>
					</div>
				</div>
				<div class="vreport-menu-item" id="vreport-list-unread">
					<div class="menu-icon gradient-color3">
						<div class="menu-icon-left">
							<span class="cmp-icon see-icon-v5-common-report-unread"></span>
						</div>
						<div class="menu-icon-right">
							<div class="vreport-num vreport-num-unread">-</div>
							<div class="menu-title"><i18n key="vreport.page.label.unreadReport"></i18n></div>
						</div>
					</div>
				</div>
				<div class="vreport-menu-item" id="vreport-list-all">
					<div class="menu-icon gradient-color4">
						<div class="menu-icon-left">
							<span class="cmp-icon see-icon-v5-common-reportform"></span>
						</div>
						<div class="menu-icon-right">
							<div class="vreport-num vreport-num-all">-</div>
							<div class="menu-title"><i18n key="vreport.page.label.myReport"></i18n></div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="bottom-container">
				<div class="list-title">
					<i18n key="vreport.page.label.recentlyReport"></i18n>
				</div>
				<div class="list-container">
					<div id="vreportReadList" class="cmp-scroll-wrapper">
	                    <div class="cmp-scroll">
	                        <ul class="cmp-table-view"></ul>
	                    </div>
	                </div>
		            <div class="common-list-empty cmp-hidden">
		            	<div>
		            		<img src="../img/noContent.png"/>
		            	</div>
						<span><i18n key="vreport.page.message.noData"></i18n></span>					
					</div>
				</div>
			</div>
		</div>

		<div class="vreport-example cmp-hidden">
			<img src="../img/demo.png"/>
			<div class="favour-demo-tip cmp-hidden">
				<div class="favour-demo-tip-content"><i18n key = "vreport.page.demo"></i18n></div>
				<div class="favour-demo-tip-btn"><u style="text-decoration:none"><i18n key = "vreport.page.demo.iknow"></i18n></u></div>
			</div>
		</div>
		
		${data:cordova}
		<script src="${data:dependencies.vreport}/i18n/vreport_zh_CN.js${data:buildversion}"></script>
		<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
		<script type="text/javascript">
			cmp.i18n.init("${data:dependencies.vreport}/i18n/","vreport",function(){
				document.title = cmp.i18n("vreport.page.label.reportCenter");
				document.querySelector("span.search-placeholder").innerHTML = cmp.i18n("vreport.page.label.search");
			});
			var vreportPath  = '${data:dependencies.vreport}';
		</script>
		<script type="text/javascript" src="${data:dependencies.cmp}/js/cmp.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.vreport}/js/vreport-jssdk.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.jssdk}" id="__jsdktag"></script>
		<script type="text/javascript" src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.formqueryreport}/formqueryreport_m_api.s3js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.cap4}/cap4_m_api.s3js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.portal}/portal_m_api.s3js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.commons}/cmp-resources/vreport/js/vreportCommon.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.vreport}/js/vreportCommon.js${data:buildversion}"></script>
		<script type="text/javascript" src="${data:dependencies.vreport}/js/vreportHome.js${data:buildversion}"></script>
	</body>
</html>
